:host {
  background: #f5f5f5;
  min-height: 400px;
  display: block;
}

.top-nav {
  background: white;
}

.wrap {
  width: 1200px;
  height: 80px;
  margin: 0 auto;
  padding: 15px 0;
}

.logo {
  float: left;
  height: 49px;
  width: 106px;
  background: url(http://student.kaikeba.com/assets/blue_logo-57d711624a.png) no-repeat;
  background-size: 100% auto;
}

ul.nav-menu {
  float: left;
  margin-left: 100px;
}

ul.nav-menu > li {
  float: left;
  position: relative;
}

ul.nav-menu > li > a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0px 30px;
  color: black;
  font-size: 16px;
}

.r-menu {
  float: right;
  height: 50px;
}

.search-box {
  float: left;
  margin-top: 10px;
}

.user-box {
  float: left;
}

.search-box {
  position: relative;
}

.search-box input {
  border: 0;
  background: #f5f5f5;
  border-radius: 15px;
  height: 30px;
  width: 150px;
  outline: 0;
  padding: 0 10px;
}

.user-avatar {
  background: #ececec;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 5px 0 5px 30px;
}

.user-menu {
  position: relative;
  left: 6px;
  top: 2px;
}
